<html>
<body>
<h2>Section 9 - Visual Formatting Model</h2>
<p>
To see the Recommendation text for this section, click<a href="http://www.w3.org/TR/REC-CSS2/visuren.html">here</a>.
NOTE: Tests for 9.2, 9.5, 9.6, and 9.8 are from the CSS1 tests, but should
apply to these CSS2 as well.
<p>
<h2>9.1 - Introduction to the visual formatting model</h2>
<p>
<a href="91-1.htm">9.1-1</a><br>
<a href="91-2.htm">9.1-2</a><br>
<a href="91-3.htm">9.1-3</a><br>
<a href="91-4.htm">9.1-4</a><br>
<a href="91-5.htm">9.1-5</a><br>
<a href="91-6.htm">9.1-6</a><br>
<a href="91-7.htm">9.1-7</a><br>
<a href="91-8.htm">9.1-8</a><br>
<a href="91-9.htm">9.1-9</a><br>
<a href="91-10.htm">9.1-10</a><br>
<a href="91-11.htm">9.1-11</a><br>
<a href="91-12.htm">9.1-12</a><br>
<p>
<h2>9.2 - Controlling box generation</h2>
<p>
<a href="../css/42-1.htm">9.2-1</a><br>
<a href="../css/42-2.htm">9.2-2</a><br>
<a href="../css/42-3.htm">9.2-3</a><br>
<a href="../css/42-4.htm">9.2-4</a><br>
<a href="../css/56-1.htm">9.2-5</a><br>
<a href="../css/56-2.htm">9.2-6</a><br>
<a href="../css/561-1.htm">9.2-7</a><br>
<a href="../css/561-2.htm">9.2-8</a><br>
<a href="../css/561-3.htm">9.2-9</a><br>
<a href="../css/561-4.htm">9.2-10</a><br>
<a href="../css/561-5.htm">9.2-11</a><br>
<a href="../css/561-6.htm">9.2-12</a><br>
<a href="../css/561-7.htm">9.2-13</a><br>
<a href="../css/561-8.htm">9.2-14</a><br>
<a href="../css/561-9.htm">9.2-15</a><br>
<a href="../css/561-10.htm">9.2-16</a><br>
<a href="9-2-17.htm">9.2-17</a><br>
<a href="9-2-18.htm">9.2-18</a><br>
<a href="9-2-19.htm">9.2-19</a><br>
<a href="9-2-20.htm">9.2-20</a><br>
<a href="9-2-21.htm">9.2.21</a><br>
<a href="9-2-22.htm">9.2.22</a><br>
<a href="9-2-23.htm">9.2-23</a><br>
<a href="9-2-24.htm">9.2-24</a><br>
<a href="9225.htm">9.2-25</a><br>
<a href="9226.htm">9.2-26</a><br>
<a href="9227.htm">9.2-27</a><br>
<p>
<h2>9.3 - Positioning schemes</h2>
<p>
<a href="93-1.htm">9.3-1</a><br>
<a href="93-2.htm">9.3-2</a><br>
<a href="93-3.htm">9.3-3</a><br>
<a href="93-4.htm">9.3-4</a><br>
<a href="93-5.htm">9.3-5</a><br>
<a href="93-6.htm">9.3-6</a><br>
<a href="93-7.htm">9.3-7</a><br>
<a href="93-8.htm">9.3-8</a><br>
<a href="93-9.htm">9.3-9</a><br>
<a href="93-10.htm">9.3-10</a><br>
<a href="93-11.htm">9.3-11</a><br>
<a href="93-12.htm">9.3-12</a><br>
<a href="93-13.htm">9.3-13</a><br>
<a href="93-14.htm">9.3-14</a><br>
<a href="93-15.htm">9.3-15</a><br>
<a href="93-16.htm">9.3-16</a><br
<p>
<h2>9.4 - Normal flow</h2>
<p>
<a href="94-1.htm">9.4-1</a><br>
<a href="94-2.htm">9.4-2</a><br>
<a href="94-3.htm">9.4-3</a><br>
<a href="94-4.htm">9.4-4</a><br>
<a href="94-5.htm">9.4-5</a><br>
<a href="94-6.htm">9.4-6</a><br>
<a href="94-7.htm">9.4-7</a><br>
<a href="94-8.htm">9.4-8</a><br>
<a href="94-9.htm">9.4-9</a><br>
<a href="94-10.htm">9.4-10</a><br>
<a href="94-11.htm">9.4-11</a><br>
<a href="94-12.htm">9.4-12</a><br>
<a href="94-13.htm">9.4-13</a><br>
<a href="94-14.htm">9.4-14</a><br>
<p>
<h2>9.5 - Floats</h2>
<p>
<a href="../css/5525-1.htm">9.5-1</a><br>
<a href="../css/5525-2.htm">9.5-2</a><br>
<a href="../css/5525-3.htm">9.5-3</a><br>
<a href="../css/5525-4.htm">9.5-4</a><br>
<a href="../css/5526-1.htm">9.5-5</a><br>
<a href="../css/5526-2.htm">9.5-6</a><br>
<a href="../css/5526-3.htm">9.5-7</a><br>
<a href="95-8.htm">9.5-8</a><br>
<a href="95-9.htm">9.5-9</a><br>
<a href="95-10.htm">9.5-10</a><br>
<a href="95-11.htm">9.5-11</a><br>
<a href="95-12.htm">9.5-12 - Appendix B.3 test for CSS2</a><br>
<a href="95-13.htm">9.5-13</a><br>
<a href="95-14.htm">9.5-14</a><br>
<a href="95-15.htm">9.5-15</a><br>
<a href="95-16.htm">9.5-16</a><br>
<a href="95-17.htm">9.5-17</a><br>
<a href="95-18.htm">9.5-18</a><br>
<p>
<h2>9.6 - Absolute positioning</h2>
<p>
<a href="832-01.htm">9.6-1</a><br>
<a href="832-02.htm">9.6-2</a><br>
<a href="832-03.htm">9.6-3</a><br>
<a href="832-04.htm">9.6-4</a><br>
<a href="832-05.htm">9.6-5</a><br>
<a href="832-06.htm">9.6-6</a><br>
<a href="832-07.htm">9.6-7</a><br>
<a href="832-08.htm">9.6-8</a><br>
<a href="96-9.htm">9.6-9</a><br>
<a href="96-10.htm">9.6-10</a><br>
<a href="96-11.htm">9.6-11</a><br>
<a href="96-12.htm">9.6-12</a><br>
<p>
<h2>9.7 - Relationships between display, position, and float</h2>
<p>
<a href="97-1.htm">9.7-1</a><br>
<a href="97-2.htm">9.7-2</a><br>
<a href="97-3.htm">9.7-3</a><br>
<a href="97-4.htm">9.7-4</a><br>
<a href="97-5.htm">9.7-5</a><br>
<a href="97-6.htm">9.7-6</a><br>
<a href="97-7.htm">9.7-7</a><br>
<a href="97-8.htm">9.7-8</a><br>
<a href="97-9.htm">9.7-9</a><br>
<a href="97-10.htm">9.7-10</a><br>
<a href="97-11.htm">9.7-11</a><br>
<a href="97-12.htm">9.7-12</a><br>
<p>
<h2>9.8 - Comparison of normal flow, floats, and absolute positioning</h2>
<p>
<a href="834-01.htm">9.8-1</a><br>
<a href="834-02.htm">9.8-2</a><br>
<a href="834-03.htm">9.8-3</a><br>
<a href="834-04.htm">9.8-4</a><br>
<a href="834-05.htm">9.8-5</a><br>
<a href="834-06.htm">9.8-6</a><br>
<a href="834-07.htm">9.8-7</a><br>
<a href="834-08.htm">9.8-8</a><br>
<a href="834-09.htm">9.8-9</a><br>
<a href="98-10.htm">9.8-10</a><br>
<a href="98-11.htm">9.8-11</a><br>
<a href="98-12.htm">9.8-12</a><br>
<p>
<h2>9.9 - Layered Presentation</h2>
<p>
<a href="99-1.htm">9.9-1</a><br>
<a href="99-2.htm">9.9-2</a><br>
<a href="99-3.htm">9.9-3</a><br>
<a href="99-4.htm">9.9-4</a><br>
<a href="99-5.htm">9.9-5</a><br>
<a href="99-6.htm">9.9-6</a><br>
<a href="99-7.htm">9.9-7</a><br>
<a href="99-8.htm">9.9-8</a><br>
<a href="99-9.htm">9.9-9</a><br>
<a href="99-10.htm">9.9-10</a><br>
<a href="99-11.htm">9.9-11</a><br>
<a href="99-12.htm">9.9-12</a><br>
<p>
<h2>9.10 - Text direction: the direction and unicode-bidi properties</h2>
<p>
<a href="910-1.htm">9.10-1</a><br>
<a href="910-2.htm">9.10-2</a><br>
<a href="910-3.htm">9.10-3</a><br>
<a href="910-4.htm">9.10-4</a><br>
<a href="910-5.htm">9.10-5</a><br>
<a href="910-6.htm">9.10-6</a><br>
<a href="910-7.htm">9.10-7</a><br>
<a href="910-8.xml">9.10-8</a><br>
<a href="910-9.xml">9.10-9</a><br>
<a href="910-10.xml">9.10-10</a><br>
<a href="910-11.xml">9.10-11</a><br>
<a href="910-12.xml">9.10-12</a><br>
<p>
<p>
<!--
To enter results from your tests for this section, click<a href="../enter.htm">here </a>.
To display previously recorded results, click<a href="../view.htm">here </a>.
To suggest additional tests for this section, click<a href="../addtest.htm"> here</a>.
To comment on tests in this section, click<a href="../comment.htm"> here</a>.
-->
To return to the main menu, click<a href="index.html"> here</a>.
</body>
</html>
